<template>
  <div style="width: 720px;min-height:100vh;margin: 0 ; background-color: white  ">
    <el-row>
      <el-col v-for="item in 12" style="border: 1px solid rgba(228, 230, 235, 0.3) ">
        <el-row :gutter="15" style="height: 100px;margin-left: 5px" >
          <el-col >
            <p class="title-font" style="line-height: 5px">标题....</p>
            <p class="content-font" style="line-height: 13px" >内容....</p>
            <p class="content-icon" style="line-height: 10px">
              作者  |   <el-icon ><View /></el-icon> 13k
              <el-icon><Pointer /></el-icon> xxx </p>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>


</template>

<script >
export default {
  data() {
    return {
      selectedOption: ''
    };
  },
  methods: {
    redirectTo() {
      // 根据选中的分类进行跳转逻辑
      // 例如使用路由进行页面跳转
      this.$router.push('/index/' + this.selectedOption + '/' + this.selectedOption)
    }
  }
};
</script>

<style scoped>
.title-font{
  color: black;
  font-size: 15px;
}
.content-font{
  color: #909090;
  font-size: 13px;
}
.content-icon{
  color: #909090;
  font-size: 14px;

}
</style>